<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
    <meta name="description" content="崔老师PHP基础课" />
    <title>崔老师PHP课程</title>
</head>
<body>
    <a href="#m">跳到锚点</a>
    <h2>段落与文字</h2>
    <p>2这里是段落1，这里是段落1，这里是段落1，这里是段落1，</p>
    <b>文字效果1</b>
    <i>文字效果2</i>
    <strong>文字效果3</strong>
    <br><br><br>
    <a href="http://www.baidu.com" target="_blank">点我打开</a>
    <a name="m"></a>
    <strong>跳转显示</strong>
    <br>
    <h2>图片</h2>
    <img src="img/logo.jpg" alt="图片" title="标题" width="500" usemap="#imgmap">
    <map name="imgmap">
        <area shape="rect" coords="0,0,300,60" title="矩形" href="http://www.baidu.com">
        <area shape="circle" coords="200,100,60" title="圆形" href="http://www.baidu.com">
    </map>
    <br>
    <a href="http://www.baidu.com">
        <img src="img/logo.jpg" width="100">
    </a>
    <br>
    <br>
    <h2>表格</h2>
    <table border="1" cellspacing="0" cellpadding="5">
        <tr>
            <th rowspan="2" colspan="2">功能模块</th>
            <th rowspan="2">开发人员</th>
            <th colspan="2">工作计划</th>
        </tr>
        <tr>
            <th>本周计划完成</th>
            <th>下周计划完成</th>
        </tr>
        <tr>
            <td rowspan="2">会员模块</td>
            <td>注册</td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>登录</td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td rowspan="2">产品模块</td>
            <td>产品发布</td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>产品展示</td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
    </table>
    

    <h2>列表</h2>
    <ul style="list-style-type:square" >
        <li>苹果手机</li>
        <li>三星手机</li>
        <li>小米手机</li>
    </ul>
    <ol type="A">
        <li>苹果手机</li>
        <li>三星手机</li>
        <li>小米手机</li>
    </ol>
    <dl>
        <dt>手机类型1</dt>
        <dd>描述手机类型</dd>
        <dt>手机类型2</dt>
        <dd>描述手机类型</dd>
    </dl>

    <h2>区块</h2>
    
    <a href="#">链接</a>地址<span style="color: red;">红色文字</span><img src="img/logo.jpg" width="100">

    <div style="border: 2px solid #ff60ff;">
        <a href="#">链接</a>地址<img src="img/logo.jpg" width="100">
        <p>段落</p>
    </div>
    <div>DIV自己占一行</div>

    <h2>表单</h2>

    <form action="#">
        <div>类型：
            <select name="sel">
                <option>管理员</option>
                <option>用户</option>
                <option>游客</option>
            </select>
        </div>
        <div>账号：<input type="text" value="" placeholder="请输入账号"/></div>
        <div>密码：<input type="password" value="" placeholder="请输入密码"/></div>
        <div>问答：<textarea cols="30" rows="3"></textarea></div>
        <div>
            <input type="checkbox" name="rem"/> 记住账号
        </div>
        <div>
            <input type="submit" value="登录"/>
            <input type="reset" value="重置"/>
        </div>
    </form>

    <h2>框架</h2>
    <a href="http://www.163.com" target="myiframe">网易</a>
    <iframe name="myiframe" src="http://www.baidu.com" frameborder="1" width="500" height="300"></iframe>


    <h2>符号</h2>

    我的电脑&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&yen;100

    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>